body,
html {
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.cesium-viewer-animationContainer {
    display: none;
}

#cesiumContainer {
    height: 100%;
    background-color: #000000;
}

.cesium-viewer-toolbar {
    top: 15px !important;
}

.cesium-toolbar-button {
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    border-radius: 14%;
    padding: 0;
    vertical-align: middle;
    z-index: 0;
    top: 100px;
}

.cesium-baseLayerPicker-dropDown-visible {
    transform: translate(0, 0);
    visibility: visible;
    opacity: 1;
    transition: opacity 0.2s ease-out, transform 0.2s ease-out;
    top: 135px;
}

.cusbtn {
    position: absolute;
    z-index: 99999;
    right: 20px;
    bottom: 100px;
}
.cesium-button, .cesium-toolbar-button{display: none !important;}
.tool{
    width: 40px;
    height: 40px;
    border-radius: 3px;
    position: absolute;
    z-index: 9;
    border: 1px #00aeff solid;
    cursor: pointer;
}
.tool img {
    width:100%;
    height: 100%;
}
/* 底部样式 */
.con_bottom {
    display: none;
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 90px;
    z-index: 99;
}

.btn_area ul li {
    width: 72px;
    float: left;
    position: relative;
    top: -30px;
}

.btn_area {
    margin: 0 auto;
    width: 592px;
    height: 57px;
    border-radius: 10px;
    letter-spacing: 1px;
    text-shadow: rgba(0,0,0,0.9) 0px 1px 2px;
    background: rgba(67,67,67,0.8);
    border: 1px solid #242424;
    -webkit-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    -khtml-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    -moz-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    -o-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    -webkit-transition: all 0.1s linear;
    -khtml-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.btn_area img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

    .btn_area:hover {
        -webkit-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
        -khtml-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
        -moz-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
        -o-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
        box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    }

    .btn_area:hover {
        -webkit-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px,inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
        -khtml-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px,inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
        -moz-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
        -o-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
        box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    }

    .btn_area ul li p {
        position: relative;
        top: -7px;
        width: 72px;
        color: #ffffff;
        font-size: 12px;
        text-align: center;
        text-indent: 7px;
    }

    .btn_area ul {
        clear: both;
        margin-left: -40px;
    }

ul li {
    list-style-type: none;
}


.btn_area ul li span.pic_small {
    margin: 0 auto;
    margin-left: 15px;
    width: 70px;
    position: relative;
    /*top:-30px;*/
    width: 46px;
    height: 46px;
    display: block;
}

    .btn_area ul li span.pic_small img {
        width: 100%;
    }

    .btn_area ul li span.pic_small:hover {
        opacity: 1;
        transform: scale(1.2);
        border-radius: 100%;
        border: 1px solid #fc0;
        box-shadow: 0 0 8px #ddd;
        -moz-box-shadow: 0 0 8px #ddd;
        -webkit-box-shadow: 0 0 8px #ddd;
        cursor: pointer;
    }
    .dao_title {
        text-indent: 5px!important;
    }
    
    .btn_area ul li span.pic_big {
        margin: 0 auto;
        margin-left: 15px;
        width: 70px;
        position: relative;
        top: -45px;
    }
    
        .btn_area ul li span.pic_big.isClick {
            top: -56px;
            left: -12px;
        }
    
    ul.menu_area li {
        margin-top: 30px;
    }
    
    .con_foot p {
        position: fixed;
        bottom: -30px;
        width: 100%;
        height: 40px;
        background-color: #4ca0ff;
        text-align: center;
        font-size: 24px;
        line-height: 40px;
        color: #ffffff;
    }
    
    .nav_btn {
        float: right;
        position: relative;
        bottom: -11px;
        right: 10px;
        cursor: pointer;
    }
    
    .btn_area_div {
        position: fixed;
        bottom: 140px;
        left: 0;
        width: 200px;
        z-index: 999;
    }
    
    .btn_area_div {
        position: absolute;
        left: 0;
        left: -70px;
        top: -119px;
        width: 200px;
        z-index: 999;
    }
    /*气泡样式*/
    .arrow4 {
        position: relative;
        height: 100px;
        margin-top: 21px;
    }
    
    .arrow4_1 {
        position: absolute;
        bottom: -6px;
        left: 101px;
        z-index: 2;
        width: 0px;
        height: 0px;
        border-width: 14px;
        border-style: solid;
        border-color: transparent;
        font-size: 0;
        border-top: 12px #fff solid;
    }
    
    .arrow4_2 {
        position: absolute;
        /*bottom: -6px;*/
        bottom: -8px;
        left: 100px;
        z-index: 3;
        width: 0px;
        height: 0px;
        border-width: 15px;
        border-style: solid;
        border-top-color: #fff;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-right-color: transparent;
        font-size: 0;
    }
    
    .arrow4 .content {

        position: absolute;
        left: 50px;
        bottom:20px;
        z-index: 0;
        display: block;
        overflow: hidden;
        width: 145px;
        height: 200px;
        word-break: break-all;
        /*background: #1E5CB5;*/
        border-radius: 5px;
        border: 2px #fff solid;
        opacity: 1;
    }
    
        .arrow4 .content span {
            display: block;
        }
    
        .arrow4 .content ul {
            margin: 0 0 0 10px;
            width: 145px;
            /*height: 80px;*/
            padding: 0;
            margin-top: 22px;
        }
    
        .arrow4 .content span li {
            width: 100%;
            height: 25px;
            font-size: 13px;
            cursor: pointer;
            padding: 3px 0 0 0;
            text-indent: 5px;
            line-height: 23px;
            line-height: -17px;
            margin-top: 9px;
        
        
        }
        .arrow4 .content span img {
            float: left;
            width:25px;
            height:25px;
            border-radius: 100%;
            padding-right: 4px;
        }
    
    .arrow4 .content span li.click,
    .arrow4 .content span li:hover {
        color: #ffffff;
        font-weight: bold;
    }
    .hide{
        display: none;
    }

    /*从左到右进入*/
.fadeInLeft {
    animation: bounceInLeft 1s !important;
    -webkit-animation: bounceInLeft 1s !important;
}
/*从右到左进入*/
.fadeInRight{
    animation: bounceInRight 1s !important;
    -webkit-animation: bounceInRight 1s !important;
}
/*从左到右进入*/
@keyframes bounceInLeft {
    0% {opacity: 0;transform: translate3d(-3000px, 0, 0);}
    60% {opacity: 1;transform: translate3d(25px, 0, 0);}
    75% {transform: translate3d(-10px, 0, 0);}
    90% {transform: translate3d(5px, 0, 0);}
    100% {opacity: 1;transform: none;}
}
/*从右到左进入*/
@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
    0% {opacity: 0;transform: translate3d(3000px, 0, 0);}
    60% {opacity: 1;transform: translate3d(-25px, 0, 0);}
    75% {transform: translate3d(10px, 0, 0);}
    90% {transform: translate3d(-5px, 0, 0);}
    100% {opacity: 1;transform: none;}
}


.other-class {
    background: rgba(221,239,251,0.7) !important;
    box-shadow: 1px 1px 50px rgba(0,0,0,.5) !important;
    border: 1px #97b8ea solid;
    border-radius: 8px!important;
}

.other-class .layui-layer-title {
    background: #1E9FFF;
    color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
